.side-menu-container {
  height: 100vh;
  border-right: 0;
  transition: width 0.2s ease;
  background: #001529;
  overflow: hidden;
  width: 200px;
}

.side-menu-container.collapsed {
  width: 64px;
}

.side-menu {
  height: 100vh !important;
  border-right: 0 !important;
  background: #001529 !important;
}

/* 菜单项样式优化 */
.side-menu .ant-menu-item {
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}

.side-menu .ant-menu-item:hover {
  background: #1890ff !important;
  color: #fff !important;
}

.side-menu .ant-menu-item-selected {
  background: #146bb5 !important;
  color: #fff !important;
  border-right: 3px solid #fff !important;
}

.side-menu .ant-menu-submenu-title {
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 0 !important;
}

.side-menu .ant-menu-submenu-title:hover {
  background: #1890ff !important;
  color: #fff !important;
}

/* 子菜单样式 */
.side-menu .ant-menu-sub {
  background: #000c17 !important;
}

.side-menu .ant-menu-sub .ant-menu-item {
  padding-left: 48px !important;
}

.side-menu .ant-menu-sub .ant-menu-sub .ant-menu-item {
  padding-left: 72px !important;
}

/* 图标样式 */
.side-menu .ant-menu-item-icon,
.side-menu .ant-menu-submenu-title-icon {
  font-size: 16px !important;
  margin-right: 10px !important;
}

/* 折叠状态下的样式 */
.side-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.side-menu.ant-menu-inline-collapsed .ant-menu-submenu-title-icon {
  margin-right: 0 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .side-menu-container {
    width: 100% !important;
    height: auto !important;
  }
  
  .side-menu {
    height: auto !important;
  }
}
